<!DOCTYPE html>
<@compress single_line=isCompress>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>流量APP管理平台 - 角色管理</title>

    <link href="${root}/assets/common/images/icons/favicon.ico" rel="shortcut icon">
    <!--Loading bootstrap css-->
    
    <link type="text/css" href="${root}/assets/common_new/css/googleapis.com/fonts-Open-Sans.css">
    <link type="text/css" href="${root}/assets/common_new/css/googleapis.com/fonts-Oswald.css">
    
    <link type="text/css" rel="stylesheet"
          href="${root}/assets/common/vendors/jquery-ui-1.10.3.custom/css/ui-lightness/jquery-ui-1.10.3.custom.css">
    <link type="text/css" rel="stylesheet"
          href="${root}/assets/common/vendors/font-awesome/css/font-awesome.min.css">
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/vendors/bootstrap/css/bootstrap.min.css">
    <!--LOADING SCRIPTS FOR PAGE-->
    <link type="text/css" rel="stylesheet"
          href="${root}/assets/common/vendors/jquery-news-ticker/jquery.news-ticker.css">
    <link type="text/css" rel="stylesheet"
          href="${root}/assets/common/vendors/jquery-jvectormap/jquery-jvectormap-1.2.2.css">
    <!--Loading style vendors-->
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/vendors/animate.css/animate.css">
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/vendors/jquery-pace/pace.css">
    <!--Loading style-->
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/css/style.css">
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/css/vendors.css">
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/css/themes/white-pink.css" id="color-style">
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/css/style-responsive.css">
    <link type="text/css" rel="stylesheet" href="${root}/assets/common/vendors/validator/jquery.validator.css">

    <link rel="shortcut icon" href="${root}/assets/common/images/favicon.ico">

    <#include "/pager/common/quote.ftl" />
</head>
<body>
    <#include "/pager/biz-logic/include/top.ftl" />
<div id="page-wrapper"><!--BEGIN PAGE HEADER & BREADCRUMB-->
    <div class="page-header-breadcrumb hide">
        <div class="page-heading hidden-xs"><h1 class="page-title">BLog Dashboard</h1></div>
        <ol class="breadcrumb page-breadcrumb">
            <li><i class="fa fa-home"></i>&nbsp;<a href="index.html">首页</a>&nbsp;&nbsp;<i class="fa fa-angle-right"></i>&nbsp;&nbsp;
            </li>
            <li><a href="#">系统管理</a>&nbsp;&nbsp;<i class="fa fa-angle-right"></i>&nbsp;&nbsp;</li>
            <li class="active">角色管理</li>
        </ol>
    </div>
    <div class="page-content">
        <div id="tab-general">
            <div class="row">
                <div class="col-lg-12">
                    <div class="portlet">
                        <div class="portlet-header">
                            <div class="caption">角色管理</div>
                        </div>
                        <div class="portlet-body">
                            <div class="table-tools">
                                <div class="row">
                                    <div class="col-xs-6">
                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <h3 class="panel-title">角色</h3>
                                            </div>
                                            <div class="panel-body" style="overflow: auto;height: 460px;">
                                                <div id="rolePanel" class="ztree"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6">
                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <h3 class="panel-title">权限<span id="titleRoleName"
                                                                                style="color: #1579d1;font-weight: bold;"></span>
                                                </h3>
                                            </div>
                                            <div class="panel-body" style="overflow: auto;height: 460px;">
                                                <div id="menuPanel" class="ztree"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="modal fade" id="roleEditDialog" tabindex="-1" role="dialog"
                                         aria-labelledby="myModalLabel" aria-hidden="true">
                                        <div class="modal-dialog" style="width: 400px;margin-top: 200px">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal"
                                                            aria-hidden="true">×
                                                    </button>
                                                    <h4 class="modal-title" id="roleEditLabel">
                                                        编辑用户
                                                    </h4>
                                                </div>
                                                <div class="modal-body">
                                                    <form id="roleEditForm" class="form-horizontal">
                                                        <div class="form-group">
                                                            <label for="parentRole"
                                                                   class="col-xs-4 control-label">上级角色：<span
                                                                    style="color: #ff0000">*</span></label>

                                                            <div class=col-xs-8>
                                                            <span style="display: none;"><input type="hidden"
                                                                                                name="parentRole"
                                                                                                id="parentRole"/></span>
                                                                <input type="text" name="parentRoleName"
                                                                       class="form-control"
                                                                       id="parentRoleName" disabled="disabled"/>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="roleName"
                                                                   class="col-xs-4 control-label">角色名称：<span
                                                                    style="color: #ff0000">*</span></label>

                                                            <div class="col-xs-8">
                                                                <input type="text" name="roleName" class="form-control"
                                                                       id="roleName" maxlength="30"/>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-default" id="closeBtn"
                                                            data-dismiss="modal">
                                                        关闭
                                                    </button>
                                                    <button type="button" class="btn btn-primary" id="saveBtn">
                                                        保存
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
    <#include "/pager/biz-logic/include/bot.ftl" />
<script type="text/javascript">
    window.menus = eval('${menusJson}');
    window.roles = eval('${rolesJson}');
</script>
</@compress>
